<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内置指令_v-html</title>
  <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
  <div id = "app">
     <h1 v-html="content">qqqqq</h1>

  </div>


<!--
   v-html指令:
        1.作用:向指定节点中渲染包含html结构的内容。
        2.与插值语法的区别:
            (1).v-html会替换掉节点中所有的内容，{{xx}}则不会。
            (2).v-html可以识别htm1结构。
        3.严重注意:v-html有安全性问题!!!!
            (1).在网站上动态渲染任意HTML是非常危险的，容易导致Xss攻击。
            (2).一定要在可信的内容上使用v-html，永不要用在用户提交的内容上!
-->
</body>
<script>
  new Vue({
    el: '#app',
    data: {
        content: "这是cookie的简单工作流程图<img src='cookie工作原理.png'>"
    }
  })
</script>
</html>